<!DOCTYPE html>
<html lang="en">

<head>
	<title>深圳市聚美良品网络科技有限公司</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- bootstrap-css -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<!--// bootstrap-css -->
	<!-- css -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!--// css -->
	<!-- font-awesome icons -->
	<link href="css/font-awesome.css" rel="stylesheet">
	<!-- //font-awesome icons -->
	<!-- font -->
	<link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"
		rel="stylesheet">
	<link rel="stylesheet" href="css/common.css"/>
	<!-- //font -->
	<script src="js/jquery-2.2.3.min.js"></script>
	<script src="js/bootstrap.js"></script>
</head>

<body>
	<!-- w3-banner -->
	<div class="w3-banner-1 jarallax">

		<div class="w3layouts-header-top">
			<div class="container">
				<div class="w3-header-top-grids">
					<div class="w3-header-top-left">
						<p><i class="fa fa-volume-control-phone" aria-hidden="true"></i><a href="tel:13654108880"><span style="color:white;">136-5410-8880</span></a></p>
					</div>
					<div class="w3-header-top-right">
						<div class="agileinfo-social-grids">
								<ul>
										<li><a href="#"><i class="fa fa-signal" style="margin: 0 1em 0 0;"></i></a></li>
										<li><a href="#"><i class="fa fa-rss"></i></a></li>
										<img src="./images/logo3.png" alt="" style="width:100px;height:50px;">
									</ul>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="head">
			<div class="container">
				<div class="navbar-top">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<div class="navbar-brand logo ">
							<h1><a href="index.html">深圳市聚美良品网络科技有限公司</a></h1>
						</div>

					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav link-effect-4">
							<li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="gallery.html">创新风采</a></li>
							<!-- <li><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
									aria-haspopup="true" aria-expanded="false"><span
										data-letters="Pages">Pages</span><span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="icons.html">Web Icons</a></li>
									<li><a href="codes.html">Short Codes</a></li>
								</ul>
							</li> -->
							<li class="active first-list"><a href="contact.html">联系我们</a></li>
							<li><a href="download.html">APP下载</a></li>
						</ul>
					</div><!-- /.navbar-collapse -->
				</div>
			</div>
		</div>


	</div>
	<!-- //w3-banner -->
	<!-- contact -->
	<div class="contact agileits">
		<div class="container">
			<h2 class="agileits-title">联系我们</h2>
			<div class="contact-agileinfo">
				<div class="col-md-7 contact-form wthree">
					<form action="http://47.92.206.41:8080/demo/Contactus/addContactus" method="post" target="stop">
						<input type="text" name="username" id="name" placeholder="输入您的名字" required="">
						<input class="email" type="email" name="userphone" id="email" placeholder="输入您的联系方式(手机或邮箱)" required="">
						<textarea placeholder="输入您要咨询的内容或者问题，我们会第一时间和您取得联系,或者您主动联系我们，合作愉快!" name="message" id="subject" required=""></textarea>
						<iframe name="stop" style="display:none;"></iframe>
						<input type="submit" value="提交" onclick="saveIntroduction()">
					</form>
				</div>
				<div class="col-md-4 contact-right wthree">
					<div class="contact-text w3-agileits">
						<h4>怎么和我们取得联系呢？</h4>
						<p><i class="fa fa-map-marker"></i> 公司地址: 深圳市华强北街道华航社区华富路1006号航都大厦1440C</p>
						<p><i class="fa fa-male"></i> 联系人:徐经理</a></p>
						<p><i class="fa fa-phone"></i> 电话 :<a href="tel:136-5410-8880"><span style="color:#777;">136-5410-8880</span></a></p>
						<p><i class="fa fa-fax"></i> 传真: <a href="tel:136-5410-8880"><span style="color:#777;">136-5410-8880</span></a></p>
						<p><i class="fa fa-envelope-o"></i> Email : <a
								href="mailto:example@mail.com">1417262058@qq.com</a></p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //contact -->
	<!-- map -->
<!-- 	<div class="map w3layouts">
		<iframe
			src="https://map.baidu.com/search/%E9%B8%BF%E6%B3%B0%E5%B1%85/@12918565.125,4711344,19z?querytype=s&da_src=shareurl&wd=%E9%B8%BF%E6%B3%B0%E5%B1%85&c=307&src=0&pn=0&sug=0&l=12&b=(12792878.52,4648281.4;12915758.52,4706585.4)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1"></iframe>
	</div> -->
	<!-- //map -->

	<!-- footer -->
	<div class="agileits-w3layouts-footer">
			<div class="container">
				<div class="col-md-4 w3-agile-grid">
					<h5>关于我们</h5>
					<img src="./images/logo3.png" alt="" style="width:80%;">
					<!-- <img src="./images/logo.png" alt=""> -->
				
						<!-- <div class="footer-agileinfo-social">
						<ul>
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-rss"></i></a></li>
							<li><a href="#"><i class="fa fa-vk"></i></a></li>
						</ul>
					</div> -->
				</div>
				<div class="col-md-4 w3-agile-grid">
					<h5>关注我们</h5>
					<ul style="display:flex;list-style: none;text-align: center;margin-left: -40px;">
							<li style="margin-right: 50px;"><img src="./images/yang.jpg" alt="" style="width:120px;height:120px;"> <p>加微信咨询</p></li>
							<!-- <li style="margin-right: 10px;"><img src="./images/qq.jpg" alt="" style="width:100px;height:100px;"> <p>加QQ咨询</p></li> -->
							<li><img src="./images/gongzhong.jpg" alt="" style="width:120px;height:120px;"> <p>关注我们</p></li>
					</ul>
					<!-- <div class="w3ls-post-grids">
						<div class="w3ls-post-grid">
							<div class="w3ls-post-img">
								<a href="#"><img src="images/g1.jpg" alt="" /></a>
							</div>
							<div class="w3ls-post-info">
								<h6><a href="#" data-toggle="modal" data-target="#myModal">Donec vel sapien in erat</a></h6>
								<p>Sept 24,2017</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="w3ls-post-grid">
							<div class="w3ls-post-img">
								<a href="#"><img src="images/g4.jpg" alt="" /></a>
							</div>
							<div class="w3ls-post-info">
								<h6><a href="#" data-toggle="modal" data-target="#myModal">Donec vel sapien in erat</a></h6>
								<p>Oct 25,2017</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="w3ls-post-grid">
							<div class="w3ls-post-img">
								<a href="#"><img src="images/g6.jpg" alt="" /></a>
							</div>
							<div class="w3ls-post-info">
								<h6><a href="#" data-toggle="modal" data-target="#myModal">Donec vel sapien in erat</a></h6>
								<p>Nov 06,2017</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div> -->
				</div>
				<div class="col-md-4 w3-agile-grid">
					<h5>地址</h5>
					<div class="w3-address">
						<!-- <div class="w3-address-grid">
							<div class="w3-address-left">
								<i class="fa fa-phone" aria-hidden="true"></i>
							</div>
							<div class="w3-address-right">
								<h6>Phone Number</h6>
								<p><a href="tel:19943616372"><span style="color:white;">199-4361-6372</span></a></p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="w3-address-grid">
							<div class="w3-address-left">
								<i class="fa fa-envelope" aria-hidden="true"></i>
							</div>
							<div class="w3-address-right">
								<h6>Email Address</h6>
								<p>Email :<a href="mailto:example@email.com"> 19943616372@163.com</a></p>
							</div>
							<div class="clearfix"> </div>
						</div> -->
						<div class="w3-address-grid">
							<div class="w3-address-left">
								<i class="fa fa-map-marker" aria-hidden="true"></i>
							</div>
							<div class="w3-address-right">
								<h6>Location</h6>
								<p>公司地址: 深圳市华强北街道华航社区华富路1006号航都大厦1440C
								<span>电话 :<a href="tel:136-5410-8880"><span style="color:white;">136-5410-8880</span></a></span>
								</p>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	<div class="copyright">
		<div class="container">
			<!-- <p>Copyright © 2019 深圳市聚美良品网络科技有限公司 版权所有 粤ICP备11063337号-1</p> -->
		</div>
	</div>
		<!--右边栏 -->
		<!-- <ul style="width:60px;background:gainsboro;position:fixed;bottom:50px;right:0px;padding: 1px;text-align: center;border: 1px solid white">
				<a href="javascript:;" class="rollIn"><li style="width:100%;color: white;height: 60px;line-height: 60px;  border-bottom: 1px solid white;padding: 10px;"><img src="./images/wx2.png" alt=""> </li></a> 
				<a href="javascript:;" class="bounceIn"><li style="width:100%;color: white;height: 60px;line-height: 60px;  border-bottom: 1px solid white;padding: 10px;"><img src="./images/QQ2.png" alt=""></li> </a> 
				<a href="javascript:;" class="bounceInDown"><li style="width:100%;color: white;height: 60px;line-height: 60px;  border-bottom: 1px solid white;padding: 10px;"><img src="./images/phone3.png" alt=""></li></a>
		</ul> -->
	<!-- //footer -->
</body>
<script>
	function saveIntroduction() {
		console.log($("#name").val())
		console.log($("#email").val())
		console.log($("#subject").val())
		if ($("#name").val() == "") {
			alert("请输入您的名字")
		} else if ($("#email").val() == "") {
			alert("请输入您的联系方式")
		} else if ($("#subject").val() == "") {
			alert("请输入内容")
		} else {
			alert("提交成功!")
		}
	}
</script>
<!-- 弹框 -->
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript">
	var w,h,className;
	function getSrceenWH(){
		w = $(window).width();
		h = $(window).height();
		$('#dialogBg').width(w).height(h);
		$('#dialogBg2').width(w).height(h);
	}
	
	window.onresize = function(){  
		getSrceenWH();
	}  
	$(window).resize();  
	
	$(function(){
		getSrceenWH();
		
		//��ʾ����
		$('.box .rollIn').click(function(){
			className = $(this).attr('class');
			$('#dialogBg').fadeIn(300);
			$('#dialog').removeAttr('class').addClass('animated '+className+'').fadeIn();
		});
		$('.box .bounceIn').click(function(){
			className = $(this).attr('class');
			$('#dialogBg2').fadeIn(300);
			$('#dialog2').removeAttr('class').addClass('animated '+className+'').fadeIn();
		});
		$('.box .bounceInDown').click(function(){
			className = $(this).attr('class');
			$('#dialogBg3').fadeIn(300);
			$('#dialog3').removeAttr('class').addClass('animated '+className+'').fadeIn();
		});
		//�رյ���
		$('.claseDialogBtn').click(function(){
			$('#dialogBg').fadeOut(300,function(){
				$('#dialog').addClass('bounceOutUp').fadeOut();
			});
		});
		$('.claseDialogBtn').click(function(){
			$('#dialogBg2').fadeOut(300,function(){
				$('#dialog2').addClass('bounceOutUp').fadeOut();
			});
		});
		$('.claseDialogBtn').click(function(){
			$('#dialogBg3').fadeOut(300,function(){
				$('#dialog3').addClass('bounceOutUp').fadeOut();
			});
		});
	});
	</script>
</html>